<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件的加载</title>
    <script>
        /*事件加载写在head里 第二种方法*/
        window.onload=function () {
            var btn=document.getElementById("btn");//获取id为btn的元素
            btn.ondblclick=function () {//绑定一个双击函数
                alert("lili");
            }
        }
    </script>
</head>
<body>
<script>
    /*  浏览器在加载一个页面时，自上而下顺序加载
    *   读取到一行就运行一行，如果写在head里，在代码执行时页面还没有加载，也的DOMd对象也没有加载
    *       会无法获取DOM对象
    *
    *
    *   onload事件会在整个页面加载完毕之后执行
    *   为window绑定一个onload事件，这个事件对应的响应函数会在页面加载完毕之后执行
    *   这样可以确保我们的代码执行时所有的DOM对象已经加载完毕
    * */

</script>
<p id="pid">helo world</p>
<button id="btn">我是一个按钮</button>
<hr>
<h1>事件加载写在body里 第一种方法</h1>
<script>
    var pid=document.getElementById("pid");//获取id为pid的元素
    pid.onmousemove=function () {//绑定一个鼠标移动函数
    alert("hello");
    }
</script>
</body>
</html>